<template>
  <tabbar>
    <tabbaritem path="/home">
      <img slot="pic" src="~assets/img/tabbar/home.svg" alt="" />
      <img slot="activePic" src="~assets/img/tabbar/home_active.svg" />
      <div slot="txt">首页</div>
    </tabbaritem>
    <tabbaritem path="/category">
      <img slot="pic" src="~assets/img/tabbar/category.svg" />
      <img slot="activePic" src="~assets/img/tabbar/category_active.svg" />
      <div slot="txt">分类</div>
    </tabbaritem>
    <tabbaritem path="/cart">
      <img slot="pic" src="~assets/img/tabbar/cart.svg" alt="" />
      <img slot="activePic" src="~assets/img/tabbar/cart_active.svg" />
      <div slot="txt">购物车</div>
    </tabbaritem>
    <tabbaritem path="/profile">
      <img slot="pic" src="~assets/img/tabbar/profile.svg" alt="" />
      <img slot="activePic" src="~assets/img/tabbar/profile_active.svg" />
      <div slot="txt">我的</div>
    </tabbaritem>
  </tabbar>
</template>
<script>
import tabbar from 'components/common/Tabbar/tabbar.vue'
import tabbaritem from 'components/common/TabbarItem/tabbaritem.vue'
export default {
  data: () => ({}),
  components: {
    tabbar,
    tabbaritem
  }
}
</script>
<style scoped>
</style>